{% extends 'layouts/blank.html' %}

{% block content %}
<div class="" >
    <div class="flex flex-col md:flex-row md:justify-start">
        <div class="w-full! md:w-72! lg:w-72! px-4 pt-2">
          {% include 'includes/admin_sidebar.html' with page='instance_info' %}
        </div>
        <div class="flex flex-col w-full justify-left md:pr-8 md:pl-20 p-2
                    **:border-slate-400! dark:**:border-slate-600! creme:**:border-stone-400!">
            <div class="flex justify-left text-2xl font-bold pb-4">
                Information
            </div>
            <div class="flex flex-col lg:flex-row text-lg font-semibold gap-y-5 md:gap-x-5
                        [&>div]:flex [&>div]:flex-col [&>div]:border lg:[&>div]:w-58 [&>div]:px-4 [&>div]:py-2 [&>div]:rounded-sm">
                <div id="number_of_users">
                    <span>Total Users</span>
                    <span class="text-3xl">{{ number_of_users }}</span>
                </div>
                <div id="number_of_pdfs">
                    <span>Total PDFs</span>
                    <span class="text-3xl">{{ number_of_pdfs }}</span>
                </div>
                <div id="current_version">
                    <span>Version</span>
                    <span class="text-3xl">{{ current_version }}</span>
                </div>
            </div>
            {% if latest_version and current_version != 'UNKNOWN' and current_version != latest_version %}

            <div class="lg:w-58 flex flex-col font-semibold border px-4 py-2 rounded-sm mt-5">
                <span>New Version Available!</span>
                <a href="https://github.com/mrmn2/PdfDing/releases"
                   id="new_version"
                   target="_blank"
                   rel="noopener noreferrer"
                   class="text-3xl text-primary">{{ latest_version }}
                </a>
            </div>
            {% endif %}
        </div>
    </div>
</div>
{% endblock %}
